<template>
  <div class="about">
    <h1>This is an about page</h1>
    <p>{{ page }}</p>
    <PagerCom  @change="page=$event" :total="200" :current="page"></PagerCom>
    <button @click="$intro()">全局</button>
  </div>
</template>
<script setup>
import {ref} from 'vue';
//  分页props:总页数 total,当前页current,每页大小10 size
// 分页事件:current发生变化"change"
// dom: <button><</button><span>{{current}}</span><button>></button>
import PagerCom from '../components/PagerCom.vue'
const page = ref(2);
</script>

 